<!DOCTYPE html>
<html>

<head>
  <!-- Meta, title, CSS, favicons, etc. -->
  <meta charset="utf-8">
  <title>AbsoluteAdmin - A Responsive Boostrap 3 Admin Dashboard</title>
  <meta name="keywords" content="Bootstrap 3 Admin Dashboard Template Theme" />
  <meta name="description" content="AdminDesigns - Bootstrap 3 Admin Dashboard Theme">
  <meta name="author" content="AdminDesigns">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  {include file="/public/import_file" /}

</head>

<body class="admin-panels-page" data-spy="scroll" data-target="#nav-spy" data-offset="300">

 

  <!-- Start: Main -->
  <div id="main">

    <!-- Start: Header -->
      {include file="/public/header" /}
    <!-- End: Header -->

    <!-- Start: Sidebar -->
    <aside id="sidebar_left" class="nano nano-light affix">

      <!-- Start: Sidebar Left Content -->
      <div class="sidebar-left-content nano-content">

       
  <!-- Start: Sidebar Menu -->
       {include file="/public/menu" /}
        <!-- End: Sidebar Menu -->

	      <!-- Start: Sidebar Collapse Button -->
	      <div class="sidebar-toggle-mini">
	        <a href="#">
	          <span class="fa fa-sign-out"></span>
	        </a>
	      </div>
	      <!-- End: Sidebar Collapse Button -->

      </div>
      <!-- End: Sidebar Left Content -->

    </aside>

    <!-- Start: Content-Wrapper -->
    <section id="content_wrapper">

     

      <!-- Start: Topbar -->
      <header id="topbar" class="alt">
        <div class="topbar-left">
          <ol class="breadcrumb">
            <li class="crumb-active">
              <a href="#">回复评论</a>
            </li>
            <li class="crumb-icon">
              <a href="#">
                 <span class="glyphicon glyphicon-user"></span>
              </a>
            </li>
            
          </ol>
        </div>
       
      </header>
      <!-- End: Topbar -->

      <!-- Begin: Content -->
      <section id="content" class="table-layout animated fadeIn">

     

        <!-- begin: .tray-center -->
        <div class="tray tray-center">

          <!-- Begin: Admin Panel Wrapper -->
          <div class="admin-panels mw900 center-block" style="padding-bottom: 125px;">
 
              <!-- AdminPanel Row - General Options -->
              <div class="row mt20">

                <div class="col-md-12 admin-grid animated-delay" data-animate='["400","fadeIn"]'>

                
                 
                 

                  <!-- Basic AdminPanel - All features disabled except "minimized" option -->
                  <div class="panel sort-disable mb50"  data-panel-color="false" data-panel-fullscreen="false" data-panel-remove="false" data-panel-title="false" data-panel-fullscreen="false">
                    <div class="panel-heading">
                      <span class="panel-icon">
                        <i class="glyphicon glyphicon-user"></i>
                      </span>
                      <span class="panel-title">{$reply.username}留言:</span>
                    </div>
                    <div class="panel-body">
                      <p>{$reply.message}
                      </p>

                    </div>
                  </div>



                  <!-- Basic AdminPanel - All features disabled except title picker -->
                  <div class="panel sort-disable mb50" id="p1" data-panel-color="false" data-panel-fullscreen="false" data-panel-remove="false" data-panel-collapse="false" data-panel-fullscreen="false">
                    <div class="panel-heading">
                      <span class="panel-icon">
                        <i class="fa fa-pencil"></i>
                      </span>
                      <span class="">回复：</span>

                    </div>

                    <div class="panel-editbox" >

                  <form method="post" action="{:url('addreply')}" enctype="multipart/form-data"> 
                    <input type="text" class="form-control" name="message"  style="width: 90%;float: left;">
                    <input type="hidden" value="{$reply.id}" name="mid"></input>

                    <button type="submit" class="btn btn-info btn-block " style="width: 80px;">回复</button>
                    </form>
                  


                   
                     
                    </div>

                    <div class="panel-body">
                    {volist name="adminreply" id="vo2"}  
                      <p>{$vo2.message}</p>                     
                      <small>{$vo2.mdate}</small>
                      <hr class="short alt">
             
                      {/volist}
                    </div>
                  </div>

                 

                  

                 

                 
                

                 
                </div>

              </div>

            


             

            

          </div>
          <!-- End: Admin Panel Wrapper -->

        </div>
        <!-- end: .tray-center -->

      </section>
      <!-- End: Content -->

    </section>

   

  </div>
  <!-- End: Main -->


  <style>
  /* page demo styles */
  #p13 .panel-colorbox .bg-primary,
  #p13 .panel-colorbox .bg-info,
  #p13 .panel-colorbox .bg-danger,
  #p13 .panel-colorbox .bg-alert,
  #p13 .panel-colorbox .bg-dark {
    display: none;
  }
  </style>

  <!-- BEGIN: PAGE SCRIPTS -->

  <!-- jQuery -->
  <script src="__PUBLIC__/static/admin/vendor/jquery/jquery-1.11.1.min.js"></script>
  <script src="__PUBLIC__/static/admin/vendor/jquery/jquery_ui/jquery-ui.min.js"></script>

  <!-- Page Plugins -->
  <script src="__PUBLIC__/static/admin/vendor/plugins/waypoints/jquery.waypoints.min.js"></script>

  <!-- Theme Javascript -->
  <script src="__PUBLIC__/static/admin/assets/js/utility/utility.js"></script>
  <script src="__PUBLIC__/static/admin/assets/js/demo/demo.js"></script>
  <script src="__PUBLIC__/static/admin/assets/js/main.js"></script>
  <script type="text/javascript">
  jQuery(document).ready(function() {

    "use strict";

    // Init Theme Core    
    Core.init();

    // Init Demo JS  
    Demo.init();


    // Init Widget Demo JS
    // demoWidgets.init();

    // Because we are using Admin Panels we use the OnFinish 
    // callback to activate the demoWidgets. It's smoother if
    // when we let the panels be moved and organized before 
    // filling them with content from various plugins

    // Init plugins used on this page
    // HighCharts, JvectorMap, Admin Panels

    // Init Admin Panels on widgets inside the ".admin-panels" container
    $('.admin-panels').adminpanel({
      grid: '.admin-grid',
      draggable: true,
      mobile: false,
      callback: function() {
        bootbox.confirm('<h3>A Custom Callback!</h3>', function() {});
      },
      onFinish: function() {
        $('.admin-panels').addClass('animated fadeIn').removeClass('fade-onload');

        // Init Demo settings 
        $('#p0 .panel-control-color').click();

        // Init Demo settings 
        $('#p1 .panel-control-title').click();

        // Create an example admin panel filter
        $('#admin-panel-filter a').on('click', function() {
          var This = $(this);
          var Value = This.attr('data-filter');

          // Toggle any elements whos name matches
          // that of the buttons attr value
          $('.admin-filter-panels').find($(Value)).each(function(i, e) {
            if (This.hasClass('active')) {
              $(this).slideDown('fast').removeClass('panel-filtered');
            } else {
              $(this).slideUp().addClass('panel-filtered');
            }
          });
          This.toggleClass('active');
        });

      },
      onSave: function() {
        $(window).trigger('resize');
      }
    });

  });
  </script>
  <!-- END: PAGE SCRIPTS -->

</body>

</html>
